<template lang="pug">
#about
    .banner
        img(src="../../images/about_banner.png", alt="")

    .layout-wrap.pr
        aboutNav

        .about-contain
            .about-crumbs
                router-link(:to="{name: 'index'}") 首页
                |  - 御医传人门店
            .about-content
                .shop-about.mb50
                    .shop-header 北京门店信息展示
                    dl.shop-thead
                        dt 门店
                        dd.dd 地址
                        dd.dlast 联系方式

                    .shop-list
                        dl(v-for="i in 10")
                            dt
                                p 御医传人（北京市新奥店）
                            dd.dd
                                p 北京市朝阳区湖景东路9、11号2栋-01层-101内B1-84号（送货上门）
                            dd.dlast
                                p 0755-45789854 | 13800138000

                    paging

</template>

<script>
import aboutNav from '../comps/about-nav';
import paging from '../comps/paging';

export default {
    components: {
        aboutNav,
        paging,
    }
};
</script>

<style lang="postcss">
    @import 'css/about.css';

    .shop-header{
        margin: 30px;
        @extend %YaHeiUI-bold;
        text-align: center;
        font-size: 24px;
        color: #000;
    }
    .shop-thead{
        background: #178067;
        @extend %YaHeiUI-bold;
        font-size: 18px;
        height: 60px;
        line-height: 60px;
        text-align: center;
        color: #fff;
    }
    .shop-about{
        dl{overflow: hidden;
            &:nth-child(odd) {
                background: #E0EBE9;
            }
        }
        dt, dd{float: left;}
        dt{width: 20%;}
        .dd{width: 50%;}
        .dlast{width:30%;}
    }
    .shop-list{
        font-size: 12px;
        color: #4a4a4a;
        line-height: 16px;
        dt, dd{
            p{padding:10px 30px;}
        }
    }
    .shop-about{
        .paging{
            margin-top: 50px;
            text-align: right !important;
        }
    }
</style>
